{% load static %}
<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>深度伪造语音鉴伪平台</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
 
	<link rel="stylesheet" type="text/css" href="/static/css/layui.css">
	<script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>
</head>

<body>

	<div class="layui-layout layui-layout-admin">
		<div class="layui-header">
			<div class="layui-logo">深度伪造语音鉴伪平台</div>
			<!-- 头部区域（可配合layui 已有的水平导航） -->
        <!--
			<ul class="layui-nav layui-layout-left">
				<li class="layui-nav-item">
					<a href="">操作界面</a>
				</li>
				<li class="layui-nav-item">
					<a href="">使用说明</a>
				</li>
			</ul>
			<ul class="layui-nav layui-layout-right">

				<li class="layui-nav-item">
					<a href="javascript:;">
						<img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"
							class="layui-nav-img">
						测试用户
					</a>
					<dl class="layui-nav-child">
						<dd><a href="">修改密码</a></dd>
						<dd><a href="">个人信息</a></dd>
					</dl>
				</li>
				<li class="layui-nav-item"><a href="">退出登陆</a></li>
			</ul>
        -->
		</div>

		<div class="layui-side layui-bg-black">
			<div class="layui-side-scroll">
				<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
				<ul class="layui-nav layui-nav-tree" lay-filter="test">
					<li class="layui-nav-item layui-nav-itemed">
						<dl>
							<a class="" href="synthesis.html">合成语音检测</a>
						</dl>
						<dl>
							<a class="" href="replay.html">重放语音检测</a>
						</dl>
						
					</li>
				</ul>

				<div style="
					display: flex;
					flex-direction: column;
					align-content: center;
					align-items: center;
					width: 200px;
					position: fixed;
					bottom: 10px;
				">
					<img src="/static/img/logo-tsinghua.png" style="
						width: 60%;
						margin: 10px 0;
					">
					<img src="/static/img/logo-dear.png" style="
						background-color: white;
						width:  60%;
						margin: 10px 0;
						padding: 10px;
					">
				</div>
			</div>

		</div>

		<div class="layui-body">
			<!-- 内容主体区域 -->
			{% block content %}
			{% endblock %}
			<div style="font: 0px/0px sans-serif;clear: both;display: block"> </div>
		</div>

		<div class="layui-footer">
			<!-- 底部固定区域 -->
			版权所有：清华大学信息国研中心·CSLT，得意音通；2022.04，V2.5.4
		</div>
	</div>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.5.7/layui.all.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/layer/3.1.1/layer.js"></script>
	<script>
		//JavaScript 代码区域
		layui.use('element', function () {
			var element = layui.element;
		});
	</script>
	<script>
		var _hmt = _hmt || [];
		(function () {
			var hm = document.createElement("script");
			hm.src = "https://hm.baidu.com/hm.js?d214947968792b839fd669a4decaaffc";
			var s = document.getElementsByTagName("script")[0];
			s.parentNode.insertBefore(hm, s);
		})();
	</script>
	{% block script %}
	{% endblock %}
</body>

</html>
